﻿<html lang="en">
<head>
	<meta charset="utf-8">
	<title>安徽信息工程学院计算机协会</title>

	<!-- mobile responsive meta -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<meta http-equiv="X-UA-Compatible" content="IE=edge"><!--ie使用edge渲染模式-->
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" id="viewport" name="viewport">
	<meta name="renderer" content="webkit"><!--360渲染模式-->
	<meta name="format-detection" content="telephone=notelphone=no, email=no" />
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
	<meta name="apple-touch-fullscreen" content="yes"><!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->
	<meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- 设置苹果工具栏颜色:默认值为 default，可以定为 black和 black-translucent-->
	<meta http-equiv="Cache-Control" content="no-siteapp" /><!-- 不让百度转码 -->
	<meta name="HandheldFriendly" content="true"><!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
	<meta name="MobileOptimized" content="320"><!-- 微软的老式浏览器 -->
	<meta name="screen-orientation" content="portrait"><!-- uc强制竖屏 -->
	<meta name="x5-orientation" content="portrait"><!-- QQ强制竖屏 -->
	<meta name="browsermode" content="application"><!-- UC应用模式 -->
	<meta name="x5-page-mode" content="app"><!-- QQ应用模式 -->
	<meta name="msapplication-tap-highlight" content="no"><!-- windows phone 点击无高光 -->



	<!-- Stylesheets -->
	<link href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.css" rel="stylesheet">
	<link href="https://cdn.bootcss.com/owl-carousel/1.32/owl.carousel.min.css" rel="stylesheet">
	<link href="css/responsive.css" rel="stylesheet"  type="text/css">
	<link href="css/jx_web_style.css" rel="stylesheet" type="text/css">
	<link rel="stylesheet" href="css/switcher.css"  type="text/css">
	<link rel="stylesheet" href="css/index.css" />
	<link href="css/style.css" rel="stylesheet"  type="text/css">


</head>

<body>
<div class="page-wrapper">

	<!--Header Top-->
	<section class="header-top">
		<div class="container clearfix" style="padding: 0px; ">
			<div class="left-side pull-left">
				<div class="logo">
				</div>
			</div>
			<ul class="right-side pull-right clearfix" style="margin-top: 30px;">
				<li class="item">
					<div class="icon-box">
						<i class="flaticon-signs"></i>
					</div>
					<h4>地址</h4>
					<p>中国/安徽/芜湖</p>
				</li>
				<li class="item">
					<div class="icon-box">
						<i class="flaticon-technology"></i>
					</div>
					<h4>联系我们</h4>
					<p>+178-5533-6258</p>
				</li>
				<li class="item">
					<div class="icon-box">
						<i class="flaticon-message"></i>
					</div>
					<h4>邮件</h4>
					<p>1961679648@qq.com</p>
				</li>
			</ul>
		</div>
	</section>
	<!--End Header Top-->


	<!--Main Header-->
	<header class="main-header sticky-header">
		<div class="container clearfix">
			<nav class="main-menu">
				<div class="navbar-header">
					<!-- Toggle Button -->
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
				</div>
				<div class="navbar-collapse collapse clearfix">
					<ul class="navigation clearfix">
						<li><a href="index.html">首页</a></li>
						<li><a href="html/introHtml.html">协会介绍</a></li>
                        <li><a href="html/structHtml.html">组织架构</a></li>
						<li><a href="html/newsHtml.html">活动新闻</a></li>
						<li><a href="html/examHtml.html">在线测试</a></li>
						<li><a href="html/znzyHtml.html">智能之翼实验室</a></li>
						<li><a href="html/gameHtml.html">轻松一下</a></li>
						<li>version 0.15</li>

					</ul>
				</div>
			</nav>
			<div class="nav-icon-wrap">
				<div class="search-wrap">
					<i class="fa fa-search"></i>
					<div class="search-form-wrap">
						<form class="search-form">
							<input type="search" name="search" value="" placeholder="Search...">
							<input type="submit" name="submit" value="Search">
						</form>
					</div>
				</div>
			</div>
		</div>
	</header>
	<!--End Main Header -->


	<!--Page Title-->
	<section class="page-title" style="background: url(images/background/6.jpg);">
		<div class="container">
			<div class="text text-center">
				<h2>计算机协会</h2>
				<ul>
					<span>宗旨</span>
					<li>/</li>
					<li>能用代码解决的，就不要花费力气</li>
				</ul>
			</div>
		</div>
	</section>
	<!--End Page Title-->


	<!-- Service Details -->
	<section class="service-details">
		<div class="container_index">
			<div class="row">
				<div class="col-md-2 col-sm-12 col-xs-12">
					<div class="right-side">
						<ul class="categori-list">
							<li><a href="html/articalHtml.html">活动通知1</a></li>
							<li><a href="html/articalHtml.html">活动通知2</a></li>
							<li><a href="html/articalHtml.html">活动通知3</a></li>
							<li><a href="html/articalHtml.html">活动通知4</a></li>
							<li><a href="html/articalHtml.html">活动通知5</a></li>
							<li><a href="html/articalHtml.html">活动通知6</a></li>
							<li><a href="html/articalHtml.html">活动通知7</a></li>
							<li><a href="html/articalHtml.html">活动通知8</a></li>
						</ul>
						<div class="service-testimonials">
							<div class="single-item-carousel">
								<div class="item text-center">
									<div class="image">
										<figure>
											<img src="images/logo.png" alt="">
										</figure>
									</div>
									<div class="text">
										<p >计算机协会成立于2016年5月16日（合并原ACM设计协会，C世界计算协会），主要围绕计算机相关各类学科竞赛和利用计算机相关知识服务大众展开活动。</p>
										<strong>
											-  协会成立  -
										</strong>
									</div>
								</div>
								<div class="item text-center">
									<div class="image">
										<figure>
											<img src="images/logo.png" alt="">
										</figure>
									</div>
									<div class="text">
										<p>协会遵循协会建立的大方向开展各种特色活动，活动主体对象为学生，教师定期参与协会活动，根据学科竞赛中不同的赛事协会下设不同分支机构，每个分支机构有对应的赛事负责人对接，赛事负责人可以根据团队师资情况，定期对学生进行培训指导。</p>
										<strong>
											-  协会宗旨  -
										</strong>
									</div>
								</div>
								<div class="item text-center">
									<div class="image">
										<figure>
											<img src="images/logo.png" alt="">
										</figure>
									</div>
									<div class="text">
										<p>协会共设办公室部、策划宣传部、财务部、教研部四个行政部门，设立ACM部、计算机设计部、互联网+部、信息安全部四个学科竞赛部门，由指导老师和理事会制定发展战略及规划活动举办方向。 </p>
										<strong>
											-  协会架构  -
										</strong>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-md-8 col-sm-12 col-xs-12">
					<div class="left-side">
						<div class="clearfix" style="margin-right: 25px">
							<div class="js-silder">
								<div class="silder-scroll">
									<div class="silder-main" style="height: 486px">
										<div class="silder-main-img">
											<a href="https://user.qzone.qq.com/1770757704/infocenter">	<img src="images/index_sliderpic/slider-1.jpg" alt=""></a>
										</div>
										<div class="silder-main-img">
											<a href="https://user.qzone.qq.com/1770757704/infocenter"><img src="images/index_sliderpic/slider-2.jpg" alt=""></a>
										</div>
										<div class="silder-main-img">
											<a href="https://user.qzone.qq.com/1770757704/infocenter"><img src="images/index_sliderpic/slider-3.jpg" alt=""></a>
										</div>
									</div>
								</div>
							</div>

							<div class="text-title">
								<h6>计算机协会成立</h6>
							</div>
						</div>
						<div class="text">
							<p style="text-indent:2em;">计算机协会成立于2016年5月16日（合并原ACM设计协会，C世界计算协会），主要围绕计算机相关各类学科竞赛和利用计算机相关知识服务大众展开活动。协会遵循协会建立的大方向开展各种特色活动，活动主体对象为学生，教师定期参与协会活动，根据学科竞赛中不同的赛事协会下设不同分支机构，每个分支机构有对应的赛事负责人对接，赛事负责人可以根据团队师资情况，定期对学生进行培训指导。协会共设办公室部、策划宣传部、财务部、教研部四个行政部门，设立ACM部、计算机设计部、互联网+部、信息安全部四个学科竞赛部门，由指导老师和理事会制定发展战略及规划活动举办方向。 </p>
                            <p  style="text-indent:2em;">
                                协会遵循协会建立的大方向开展各种特色活动，活动主体对象为学生，教师定期参与协会活动，根据学科竞赛中不同的赛事协会下设不同分支机构，每个分支机构有对应的赛事负责人对接，赛事负责人可以根据团队师资情况，定期对学生进行培训指导。
                            </p>
							<p  style="text-indent:2em;">
								协会遵循协会建立的大方向开展各种特色活动，活动主体对象为学生，教师定期参与协会活动，根据学科竞赛中不同的赛事协会下设不同分支机构，每个分支机构有对应的赛事负责人对接，赛事负责人可以根据团队师资情况，定期对学生进行培训指导。
							</p>
						</div>
					</div>


					<!--&lt;!&ndash;扎死王杰小游戏&ndash;&gt;-->
					<!--<iframe scrolling="no" id="gameiFrame" name="gameiFrame" width="60%" onload="this.height=gameiFrame.document.body.scrollHeight"  frameborder="0" src="game/game1.html" style="float: right"></iframe>-->

				</div>
				<div class="col-md-2 col-sm-12 col-xs-12">
					<div class="left-side">
						<ul class="categori-list">
							<li><a href="html/articalHtml.html">活动新闻1</a></li>
							<li><a href="html/articalHtml.html">活动新闻2</a></li>
							<li><a href="html/articalHtml.html">活动新闻3</a></li>
							<li><a href="html/articalHtml.html">活动新闻4</a></li>
							<li><a href="html/articalHtml.html">活动新闻5</a></li>
							<li><a href="html/articalHtml.html">活动新闻6</a></li>
							<li><a href="html/articalHtml.html">活动新闻7</a></li>
							<li><a href="html/articalHtml.html">活动新闻8</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- End Contact Section -->


	<!--协会主要负责人-->
	<!--Team Section-->

	<section class="team-section">
		<h3 align="center" style="color: #1b1b1b; font-size: xx-large">协会负责人</h3>
		<div class="container">
			<div class="row">
				<div class="team-wrapper">
					<div class="col-lg-3 col-sm-6 col-xs-12">
						<figure>
							<div class="grid-holder">
								<a href="#"><img src="images/team/1.png" alt="" width="300px" height="308px"></a>
								<div class="team-content-holder">
									<div class="personal-info">
										<span>指导老师</span>
										<h3>万家山</h3>
									</div>
									<!-- .awsm-personal-info -->
									<div class="team-contact-info">
										<p><a href="#">TEL:139 6679 9197</a></p>
										<p><a href="#">QQ:103 3348 860</a></p>
									</div>
									<!-- .awsm-contact-info -->
								</div>
							</div>
							<!-- .awsm-grid-holder -->
						</figure>

					</div>
					<div class="col-lg-3 col-sm-6 col-xs-12">
						<figure>
							<div class="grid-holder">
								<a href="#"><img src="images/team/2.png" alt=""></a>
								<div class="team-content-holder">
									<div class="personal-info">
										<span>理事会主席</span>
										<h3>朱文涛</h3>
									</div>
									<!-- .awsm-personal-info -->
									<div class="team-contact-info">
										<p><a href="#">kyle@example.com</a></p>
										<ul class="social-icons">
											<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
										</ul>
									</div>
									<!-- .awsm-contact-info -->
								</div>
							</div>
							<!-- .awsm-grid-holder -->
						</figure>
					</div>
					<div class="col-lg-3 col-sm-6 col-xs-12">
						<figure>
							<div class="grid-holder">
								<a href="#"><img src="images/team/3.png" alt=""></a>
								<div class="team-content-holder">
									<div class="personal-info">
										<span>会长</span>
										<h3>王杰</h3>
									</div>
									<!-- .awsm-personal-info -->
									<div class="team-contact-info">
										<p><a href="#">1961679648@qq.com</a></p>
										<ul class="social-icons">
											<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
										</ul>
									</div>
									<!-- .awsm-contact-info -->
								</div>
							</div>
							<!-- .awsm-grid-holder -->
						</figure>
					</div>
					<div class="col-lg-3 col-sm-6 col-xs-12">
						<figure>
							<div class="grid-holder">
								<a href="#"><img src="images/team/4.png" alt=""></a>
								<div class="team-content-holder">
									<div class="personal-info">
										<span>副会长</span>
										<h3>张钊荣</h3>
									</div>
									<!-- .awsm-personal-info -->
									<div class="team-contact-info">
										<p><a href="#">info@example.com</a></p>
										<ul class="social-icons">
											<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
											<li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
										</ul>
									</div>
									<!-- .awsm-contact-info -->
								</div>
							</div>
							<!-- .awsm-grid-holder -->
						</figure>
					</div>
				</div>
			</div>
		</div>
	</section>

	<!--Footer Section-->
	<footer class="main-footer">
		<div class="footer-bottom text-center">
			<div class="container">
				<div class="footer-bottom text-center">
					<div class="copyright">
                        <h4> Copyright&copy; 2018.计算机协会保留所有权利.</h4>
					</div>

					<div class="link">
						<h4>友情链接：</h4>
						<ul>
							<li class="li"><a href="http://aiit.iflysse.com" target="_blank"  style="color: #e8e8e8">博思智慧学习平台</a></li>
							<li class="li"><a href="http://www.ahpumec.edu.cn/" target="_blank" style="color: #e8e8e8">安徽信息工程学院</a></li>
							<li></li>
							<li class="li"><a href="http://gmizps.axshare.com" target="_blank" style="color: #e8e8e8">项目在线学习平台</a></li>
							<li class="li"><a href="http://http://projecton.cn" target="_blank" style="color: #e8e8e8">学科竞赛报名系统</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</footer>
	<!--End Footer Section-->
</div>
<!--End pagewrapper-->



<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target=".header-top"><span class="icon fa fa-angle-up"></span></div>

<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/owl-carousel/1.32/owl.carousel.min.js"></script>
<script src="js/validate.js"></script>
<script src="js/wow.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="js/script.js"></script>
<script src="js/wySilder.min.js" type="text/javascript"></script>
<script>
    $(function (){
        $(".js-silder").silder({
            auto: true,//自动播放，传入任何可以转化为true的值都会自动轮播
            speed: 20,//轮播图运动速度
            sideCtrl: true,//是否需要侧边控制按钮
            bottomCtrl: true,//是否需要底部控制按钮
            defaultView: 0,//默认显示的索引
            interval: 3000,//自动轮播的时间，以毫秒为单位，默认3000毫秒
            activeClass: "active",//小的控制按钮激活的样式，不包括作用两边，默认active
        });
    });
</script>
</body>
</html>

